angular.module('moGu').controller('carController', ['$rootScope','$timeout','$scope','$css', function($rootScope,$timeout,$scope,$css){
	$css.add('./car/css/car.css');
	// 从本地存储中获取购物车数据————————————————————————————————————————————————————————————————————
	$scope.getData = JSON.parse(localStorage.getItem('carData'));
	// $scope.getData.splice(0, 1);
	console.log($scope.getData);
	// localStorage.clear('carData');

	// 跳转页面——————————————————————————————————————————————————————————————————————————————————————
	$scope.carMotai = function(){
		$('#car').css('display', 'none');
		$('#car-motai').css('display', 'block');
	}
	$scope.car = function(){
		$('#car').css('display', 'block');
		$('#car-motai').css('display', 'none');
	}
	//单选、全选——————————————————————————————————————————————————————————————————————————————————————
	$scope.danXuanFlag = true;
	$scope.quanXuanFlag = true;
	$scope.quanXuan = function(){
		$scope.quanXuanFlag = !$scope.quanXuanFlag;
		// 更改样式——————————————————————————————————————————
		var qx = document.getElementsByClassName('quanXuan-icon');
		var divs = document.getElementsByClassName('danXuan-icon');
		for (var i=0; i<divs.length; i++){
			if ($(qx).attr('class') != 'quanXuan-icon xuanZhong') {
				$(divs[i]).addClass('xuanZhong');
				// 计算总价————————————————————————————————————————————————————————————
				var $sum = $('#sum');
				var zj = 0;
					for (obj of $scope.getData) {
						zj += obj.price * obj.count;
					}
					$sum[0].innerHTML = zj.toFixed(2);
			} else {
				$(divs[i]).removeClass('xuanZhong');
				var $sum = $('#sum');
				var zj = 0;
				$sum[0].innerHTML = zj.toFixed(2);
			}
		}
	}
	//购买数量——————————————————————————————————————————————————————————————————————————————————————
	$scope.jia = function(){
		this.obj.count += 1;
		// js();
	}
	$scope.jian = function(){
		this.obj.count -= 1;
		// js();
		if (this.obj.count <=0){
			this.obj.count = 0;
		}
	}
	//模态删除—————————————————————————————————————————————————————————————————————————————
	$scope.motaiDelBtn = function(){
		var divs = document.getElementsByClassName('danXuan-icon');
		for (var i=0; i<divs.length; i++){
			if($(divs[i]).attr('class') == 'danXuan-icon xuanZhong') {
				divs[i].parentNode.parentNode.parentNode.removeChild(divs[i].parentNode.parentNode);
				$scope.getData.splice(i/2, 1);
			}
		}
		localStorage.setItem('carData', JSON.stringify($scope.getData));
	}

	//计算金额——————————————————————————————————————————————————————————————————————————————————————————
	$timeout(function(){
		var $dxu = $('#car-content>.car-list>.car-list-title>.danXuan-icon, 	#motai-content>.motai-list>.motai-list-title>.danXuan-icon');
		var $dxd = $('#car-content>.car-list>.car-list-info>.danXuan-icon,  #motai-content>.motai-list>.motai-list-info>.danXuan-icon');
		$dxu.click(function(){
			$(this).hasClass('xuanZhong')?$(this).removeClass('xuanZhong'):$(this).addClass('xuanZhong');
			$(this).parent().next().children(".danXuan-icon").hasClass('xuanZhong')?
			$(this).parent().next().children(".danXuan-icon").removeClass('xuanZhong'):
			$(this).parent().next().children(".danXuan-icon").addClass('xuanZhong');
		})
		$dxd.click(function(){
			$(this).hasClass('xuanZhong')?$(this).removeClass('xuanZhong'):$(this).addClass('xuanZhong');
			$(this).parent().prev().children(".danXuan-icon").hasClass('xuanZhong')?
			$(this).parent().prev().children(".danXuan-icon").removeClass('xuanZhong'):
			$(this).parent().prev().children(".danXuan-icon").addClass('xuanZhong');

			// 计算单个商品总价——————————————————————————————————————————————————————
			var $divs = $('#car-content>.car-list>.car-list-info>.danXuan-icon');
			var $prices = $('#car-content .per-price');
			var $counts = $('#car-content .per-count');
			var $sum = $('#sum');
			var zj = 0;
			var flags = 0;
			for (var i=0; i<$divs.length; i++){
				if ($divs[i].getAttribute('class') == 'danXuan-icon xuanZhong'){
					zj += parseInt($prices[i].innerHTML)*parseInt($counts[i].innerHTML);
					flags++;
				} else	if($divs[i].getAttribute('class') == 'danXuan-icon weiXuan'){
					zj -= parseInt($prices[i].innerHTML)*parseInt($counts[i].innerHTML);
					flags--;
				}
			}
			var qxs = document.getElementsByClassName('quanXuan-icon');
			if(flags == $divs.length){
				qxs[0].setAttribute('class', 'quanXuan-icon xuanZhong');
			}else{
				qxs[0].setAttribute('class', 'quanXuan-icon weiXuan');
			}
			console.log(flags);
			$sum[0].innerHTML = zj.toFixed(2);

			// 先择删除商品——————————————————————————————————————————————————————
			var $divs2 = $('#motai-content>.motai-list>.motai-list-info>.danXuan-icon');
			var flags2 = 0;
			for (var j=0; j<$divs2.length; j++)	{
				if ($divs2[j].getAttribute('class') == 'danXuan-icon xuanZhong'){
					flags2++;
				}else{
					flags2--;
				}
			};
			if(flags2 == $divs2.length){
				qxs[1].setAttribute('class', 'quanXuan-icon xuanZhong');
			}else{
				qxs[1].setAttribute('class', 'quanXuan-icon weiXuan');
			}
		})

	})

}]);
